<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
<script src="./js/ajax.js"></script>
<script>
// promise语法：
/*
var p = new Promise(function(resolve, reject) {
    // 发送请求
    成功 - 调用resolve    resolve()
    失败 - 调用reject     reject()
})

p.then(function() {
    // 当上面调用了resolve就会执行这里的代码
    // 如果then方法中返回了一个promise对象，里面的promise对象的then方法，可以跟外面的then方法形成链式操作，不要嵌套
    var p1 = new Promise()
    return p1
    
}).then()


p.catch(function() {
    // 当上面调用了reject就会执行这里的代码
})
*/

new Promise(function(resolve, reject) {
    sendAjax({
        url: 'http://localhost:3000/user',
        success: function(msg1) {
            // 本来下一次请求应该嵌套在这里
            resolve(msg1)
        }
    })
}).then(function(msg1) {
    console.log(msg1);
    // 下载有了promise - 就可以将下次请求写在这里
    return new Promise(function(resolve, reject) {
        sendAjax({
            url: 'http://localhost:3000/goods',
            success: function(msg2) {
                resolve(msg2)
            }
        })
    })
}).then(function(msg2) {
    console.log(msg2);

    return new Promise(function(resolve, reject) {
        sendAjax({
            url: 'http://localhost:3000/banner',
            success: function(msg3) {
                resolve(msg3)
            }
        })
    })
}).then(function(msg3) {
    console.log(msg3);
})
</script>
</html>